<template>
    <div>
        <pagetitle type="2"></pagetitle>
        <el-card class="operatingrecord">
            <template #header>
                <div class="serchbox">
                    <div class="left">
                        <div class="leftitem">
                            <span>标准类型：</span>
                            <el-select v-model="input" placeholder="Select">
                                <el-option label="全部" value="0" />
                                <el-option label="已审核" value="1" />
                                <el-option label="未审核" value="2" />
                            </el-select>
                        </div>
                        <div class="leftitem">
                            <span>审核状态：</span>
                            <el-select v-model="input" placeholder="Select">
                                <el-option label="全部" value="0" />
                                <el-option label="已审核" value="1" />
                                <el-option label="未审核" value="2" />
                            </el-select>
                        </div>
                    </div>
                    <div class="right">
                        <div>管理范围：<span>重庆市</span></div>
                        <div class="btn" v-if="input == '2'">
                            <el-button type="primary" text bg>审核不通过</el-button>
                            <el-button type="primary" text bg>审核通过</el-button>
                        </div>
                    </div>
                </div>
            </template>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column type="selection" v-if="input == '2'" width="55" />
                <el-table-column prop="name" label="序号" width="48"></el-table-column>
                <el-table-column label="标准号"></el-table-column>
                <el-table-column label="分部编号"></el-table-column>
                <el-table-column label="标准名称"></el-table-column>
                <el-table-column label="分布名称"> </el-table-column>
                <el-table-column label="版次"> </el-table-column>
                <el-table-column label="公开状态"> </el-table-column>
                <el-table-column label="发布单位"> </el-table-column>
                <el-table-column label="发布日期"> </el-table-column>
                <el-table-column label="审核状态"> </el-table-column>
                <el-table-column label="操作" width="60">
                    <template #default>
                        <el-button type="primary" size="small" link @click="topages('/maintenance/teamsmanagement/teamattestationmsg')">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination :totalNum="60"></pagination>
        </el-card>
    </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const topages = (url: string) => {
    router.push(url);
};
const formInline: any = {};
const input = ref("0");
const tableData = [{}];
</script>
<style scoped lang="scss">
.operatingrecord {
    .serchbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .leftitem {
                margin-right: 15px;
                span {
                    margin-right: 5px;
                    color: #333333;
                    font-size: 14px;
                }
            }
            .item {
                margin-right: 20px;
                color: #333333;
                font-size: 14px;
                .serchs {
                    width: 300px;
                }
            }
        }
        .right {
            color: #333333;
            font-size: 14px;
            display: flex;
            align-items: center;
            span {
                color: #555555;
            }
            .btn {
                margin-left: 20px;
            }
        }
    }
}
</style>
